My Blog for your Knowledge

We'll make sure your website works for you...

The Road to Web designing

Art Illustrations

Do you want to look great?

Showing posts with label HTML Tips-Tricks. Show all posts
Showing posts with label HTML Tips-Tricks. Show all posts

21 February 2013

16 Best Premium WordPress Contact Form for Bloggers

A website or blog can never be successful without its readers. That is why feed-backs  comments and suggestions are highly welcomed since it gives the blogger/owner the impressions of his/her site and can be a tool in improving the site more. Developers today have created WordPress contact forms today that can easily be adjusted to fit the needs of bloggers everywhere.
16 Premium WordPress Contact Form showcases some premium plugins that can be easily activated into your WordPress blog. Check out their description and brief list of features and see if they suit your needs!

Gravity Forms

Gravity Forms
Gravity Forms is a premier form creation and management plugin that is available in available for WordPress v3.3+ with a new Quiz Field and Quiz Settings.
Features:
• The page break field allows you to break up your form into multiple pages.
• Easily configure the title, description, settings and confirmation message using the form settings.
• Easily limit how many entries a form will accept and display a custom message when that limit is reached.
• Set a start and end date to limit form access and display a custom message when the form has expired.

Quform – WordPress Form Builder

Quform - WordPress Form Builder
An advanced WordPress Plugin that allows the user to build multiple forms quickly without touching any code.
Features:
• Fully compatible with WordPress 3.1 to 3.5.
• Dynamically set form values from the URL.
• JavaScript calendar (datepicker) with 24 themes and 62 languages.
• View submitted form entries inside the WordPress admin.

AJAX Contact Forms (for WordPress)

AJAX Contact Forms (for WordPress)
The contact form is a jQuery based AJAX powered HTML / PHP. Through shortcodes and functions, Twitter Direct Messaging can easily be integrated in WordPress.
Features:
• Integrated Animated Sliding Thank You / Success page.
• Integrated AJAX Javascript Sliding Error notification, if fields aren’t correct or incomplete.
• Improved Anti Spam ‘Captcha’, are you human? verification.
• Very easy to integrate into any existing WordPress page on your website.

WPContact – AJAX Contact Form

WPContact - AJAX Contact Form
WPContact adds a new widget to your WordPress blog that can be used in the sidebar or footer, and set the options like widget title, form labels, captcha.
Features:
• Option to use reCAPTCHA.
• No loading, AJAX.
• Email validation and fields validation.
• Define the form labels and the widget title.

Simple Contact Slider

Simple Contact Slider
Simple Contact Slider is ideal for most websites that adds classic contact form into any and all pages of your WordPress powered website. It uses effective slider method to hide the contact form.
Features:
• Add extra CSS classes to main slider elements for extra styling.
• Customize all labels and messages displayed in the contact form.
• Customize HTML and Text email templates for sending messages.
• Email templates support use of many different data tags.

Ultimate Contact Page

Ultimate Contact Page
This plugin allows you to easily add a professional contact page to any WordPress website.
Features:
• Formats your address to schema.org standards, so search engines including Google, Bing and Yahoo! can index your physical address in Google Maps.
• Adds a Google Maps map to the page, with the ability for visitors to get directions to your location.
• Displays opening hours in neat table (easily editable, too!), using schema.org standards.
• Uses a shortcode to add the contact page to any of your pages in wordpress.

FormEngine – WordPress Contact Form Wizard

FormEngine
The plugin uses a drag and drop interface to make creating and updating your forms quick and easy.
Features:
• CAPTCHA security.
• Import and export form structure and/or data (tab delimited and CSV).
• Custom CSS – write your own rules without touching plugin code.
• Success and error page redirects.

Mapped contact form pro WordPress

Mapped contact form pro WordPress
A cool WordPress Contact Form plugin that can integrate contact form direct to Google Map.
Features:
• Ajax contact form inside a google maps marker info window.
• Fancy JQuery offline validation.
• 60 Custom markers (12 building types in 4 colors each).
• Google Maps API V3.

WordPress Ajax Contact Form with attachments

Wordpress Ajax Contact Form with attachments
A complete solution to create ajax contact form in WordPress.
Features:
• ayah (Are You A Human) integration.
• PHP Script based on the open source Zend Framework Components Mail, Mime and Translate..
• You can create your own CSS theme and automatically add them to your lists of Theme in the form editor.
• Integration in the content of your page “automatic” or via “shortcode”.

Contact – Friend Inviter Gold plugin & Widget

Contact - Friend Inviter Gold plugin & Widget
A powerful WordPress plugin that can let you invite friends.
Features:
• Cross-Browser Compatible (IE6+, FF, Safari).
• Customizable email subject.
• Customizable subject, from and message text of mail in widget settings.
• 18 EMAIL accounts are supported. ( gmail, hotmail, yahoo and AOL , etc. ).

Usernoise Pro advanced Modal Feedback & Debug

Usernoise Pro advanced Modal Feedback & Debug
Gathers and discusses public feedback using a modal window and gathers deep debug info everytime a feedback is submitted.
Features:
• Stores comprehensive WordPress and HTTP debug info along with the feedback gathered. Two debug levels available.
• 4 feedback types with separate lists – ideas, praises, problems and questions.
• Compatible with FORCE_ADMIN_SSL option.
• Feedback statuses, like “New”, “In progress”, “Rejected”.

Clever Feedback

Clever Feedback
Easily adds a feedback form to the WordPress blog by activating.
Features:
• Not only collect user’s feedbacks, you can also know what your users think about all the existing user’s Feedbacks.
• All the text displayed in the Feedback modal window can be customized through the Options menu voice, no matter if your website is in English or in other languages, all the text can be customized.
• Inside the Feedback menu you can browse all the received Feedback and related information.
• You can export all the collected data as a CSV file, a very simple data file format supported by almost all spreadsheet software.

Modal Contact Form for WordPress

Modal Contact Form for WordPress
The plugin allows you to easily add a stylish contact form to the WordPress blog and comes with the name, email, message fields, as well as reCaptcha support to prevent spam.
Features:
• Adds a ‘contact us’ button to your WordPress site.
• Contact form appears inside a modal window/lightbox (powered by Facebox).
• reCaptcha antispam.
• Capture the users IP address and user agent along with their message.

Creative Unified Forms

Creative Unified Forms
Creative Unified Forms can do any kind of form, feedbacks, quizz, inquierye by dragging and dropping, naming fields.
Features:
• Configurable captcha protection.
• E-mail notifications and automatic replies upon form submit. Now also featuring powerful token system.
• Visibility settings allow you to configure your form to be displayed to certain roles and on certain pages.
• Powerful wysiwyg constructor to design any kind form.

WordPress AJAX Form with Tracking and Settings

WordPress AJAX Form with Tracking and Settings
WordPress AJAX Form comes with the settings manager and can be directly accessed via WP admin panel to allow you to add contact/feedback form to WordPress blog.
Features:
• NAtive PHP functionality.
• Stylish validation messages and workflow.
• Multiple form styles (CSS Styles).
• Configurable via WordPress admin.

Suggest Box For WordPress

Suggest Box For WordPress
A metro look and clean contact form that allows the audience to suggest anything in any WordPress website easily.
Features:
• Built on CSS3 , graceful degradation on older browsers.
• Wide configuration options – both PHP and JS.
• PHP construction based on templates – easy to change.
• Supports various positions of call to action button – static mode, sticky mode, vertical mode etc – you may choose your best in just 2 words.
Got another template or plugin that you are looking for? Leave us a comment about it and we can look them up for you!

10 January 2013

26 Creative Web Design with Doodle art Feel

In this time of the information age, internet and technology has shown its inevitable influence to the world. With its rise followed the creation of many websites. With the ever so booming number of websites today, it is just common sense that if you desire to make your website standout, it has to be unique from the others. One way to do this is to have a different design for your website. Every one of us has a unique way of thinking and creativity. All we have to do is act on it and believe it.
To show you some cool and creative web designs, we point up to you 26 Creative Web Design with Doodle art Feel. Here we show to you some of the unique and imaginative ways to make a unique and fun design for your site. Have a look and maybe get an imagination spark for your web design. Come, take a peek, and be inspired.

Edboard

Blue green doodle web design
A web design grunge background with doodle language buttons
Source

Duplos

Speech balloon bubble message doodle web design
A speech-bubble-filled web design having a variety of colors to spice it up
Source

Kinetic V5

Creative doodle web design
Multi-colored background website filled with creative drawings and animations
Source

Neighborhood Studio

Background doodle web design
A web design with doodle background
Source

My Dirty Desk

Cute doodle web design
A web design with a doodle designed background in an inverted pyramid
Source

Arunnm

Sketch portrait doodle web design
A sketch portrait of Arunnm is the design subject of this website
Source

Muziekpark 2012

Robot doodle web design
A gradiant of green and yellow background with drawings of robots
Source

4 Pines Beer

Pine sketch doodle web design
A pine-inspired sketch design in this website
Source

Creative With AK

Simple sketch doodle web design
A web design literally filled with artisitc doodle art
Source

Adline

Plants nature doodle web design
A brown website with a garden-feel design
Source

Harry Ford

Sketch portrait doodle web design
A sketched portrait of Harry Ford in his website design
Source

Hello Sour Sally

yogurt doodle web design
A fun web art with a yummy yogurt
Source

Kyle Steed

Nerd doodle web design
A cool nerdy portrait design with various font styles in background
Source

Caring is Cool

Cute cat water doodle web design
A cute website design filled with doodle art
Source

Gopal Seema

Wedding doodle doodle web design
A wonderful wedding invitation website with a couple in doodle art
Source

This is Yoke

Header bee doodle web design
A web design with a colorful and fun doodle art on the header
Source

Thesum

Black and white cloud doodle web design
A black and white web design with an artistic cloud drawing
Source

Consorzio di Sarzana

Italian doodle web design
An italian website with a doodle art design
Source

Arunsfolio

Purple portfolio doodle web design
A purple background website with creative doodle arrows and books
Source

WBS70

Green buidling doodle web design
A green website with a doodle art building on top
Source

Web is love

Minimalist doodle web design
A minimalist website with doodle style font and bicycle on footer
Source

Head 2 Heart

Brown doodle web design
A creative dynamic website filled with doodle art designs
Source

Finger Boardy

Grey sketch track doodle web design
A grey and green motif website with a sketched track
Source

Konsebt

Portrait sketch doodle web design
A minimalist website with a sketch portrait of its creators as design front
Source

Art Attackk

Paper drawings doodle web design
A full-blown art website with a doodle touch design
Source

Cilantro Cafe

Creative doodle web design
A creative web design with doodle artworks
Source
Let us know which design you liked best in the comment box. Any commentaries? Suggestions? Thank you and see you again mate!

Author: 


31 July 2012

Relevant Tips for Good Web Usability

website will be able to cater well to its users and readers if both the web designers and writers will work as one to come up with a website with readable web contents of good usability. Any website that merely looks beautiful and attractive but lacks usability is useless. This is the more important thing to consider because without good web usability, one will not be able to reach out to their readers effectively. Whatever is the website’s target audience, same principle applies. Web usability is of great importance.
In order to do that, there are some things that one has to bear in mind. This is the part where the designers and the writers work hand in hand. Read on the tips below so you could understand the role of the writers for good website usability. But before the writers become part of it, it is the web designers that make it friendly for the users. So, take a look at our tips below for good web usability.

1. Have good navigation.

Have good navigation
Site: Art 4 Web
It is always important that your website has good navigation. You can do this by placing your navigation buttons on areas that can be easily noticed. Organize your categories andarchives well. Guiding the users well can give them a good user experience and this will even make them stay on the website for long because they can easily find what they are looking for.

2. Use taglines.

Use taglines
Site: Able Bots
Tagline is a statement that represents the website’s mission and philosophies. Using a tagline can let the users know what the website is all about in just one look. Using a tagline can immediately capture the attention of the users and they will even be invited to browse the website. Without a tagline, your users will seemingly be blinded on what the site is.

3. Have a site search.

Allow your users to explore your site by placing a site search. This will surely increase their usability. Users always want to find some information and it would be a lot easier for them to get them by merely typing keywords in your search bar. This will allow them to get into the information they need. They wil surley be pleased to find it at once and would browse the site even more.

4. Use headings to break sections.

Another good way for good website usability is by using headers for every section. This can tell the readers where they are and what they would be reading. Doing this seemingly divides the entire website into simpler chunks that would be a lot easier to understand and digest. It would also be friendly for the eyes of the users. When you place headings, use simple and concise ones.

5. Avoid much flash.

Some sites use flash for other areas of their sites but it would not be good if you use too much flash because it can slow down your site. It will surely leave a negative impression for the user because he was not able to view what he wants to see at once. Some readers are not patient to see some items. They will just leave the site and look for other sites that can easily give them what they need.

6. Use a site map.

Site maps improve search engine optimization and page navigation. A site map can help the users see what the entire site had been posting. He could also see and understand how the whole site’s architecture. Having a site map can greatly improve user’s usability. They can even spot some interesting things there which they might want to view.

7. Use interesting visuals.

Use interesting visuals
Site: Mealeo
Websites usually make use of photos, videos, charts, graphs and other visual stuff to show something. Make use of it effectively by choosing the right ones that can truly convey your message. Aside of sending info, it can also add appeal to your site and can also enhance readability. Make sure your images have something to do with the context of your posts so that they will go together effectively.

8. Place concise contents.

Place concise contents
Site: Amazee Labs
Do not make posts that are too long. This can only bore your readers and they might not even read it especially if they see long paragraphs. Be straight to the point and avoid using some unnecessary information. Also, make use of words that are easy to understand so that anyone reading it can grasps the meaning of what you are writing. Avoid using long paragraphs and sentences for they look heavy to the eyes and are not comprehensive for reading.

9. Make easy to read web pages.

Since most people actually scan pages and look into interesting headlines, titles, texts in bold and lists, you have to make sure that your pages are easy to read. If not, you will lose your readers. Although, there are really people who read the entire content of a site, some people just don’t do that. They will only try to take what you want to relay through your headings and images.

10. Consider negative space.

Your readers will find it much easier to read your text and look into your site if you make use of negative space. That includes the spaces between your letters and the spaces from your text to your images. The space can drastically affect the legibility of the contents. See to it that you give each design element enough space to breath. Doing so can also make it lighter for the reader’s eyes.

It’s Your Turn Now

Every website sees to it that it is able to have good usability to make sure that the users and readers could easily chew on what they want to convey. Having good website usability is also an effective way to attract visitors to view your website. One will surely have a good user experience once your site offers good usability. Would you like to add some tipsabove? Feel free to do that.

Apply to be a Chitika Publisher!
Follow on Buzz